<%--
    Document   : viewer
    Created on : Feb 15, 2012, 11:28:41 PM
    Author     : Admin
--%>

<%@page import="entity.Interview"%>
<%@page import="java.util.ArrayList"%>
<%@page import="model.InterviewModel"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
        <link rel="stylesheet" type="text/css" href="./css/webstarter.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.17.custom.css" />
        <link rel="stylesheet" type="text/css" href="./css/superfish.css" />
        <link rel="stylesheet" type="text/css" href="./css/jquery.wysiwyg.css" />
        <link rel="stylesheet" type="text/css" href="./css/fullcalendar.css" />
        <style type="text/css">
            input[type="text"]{border: 1px solid #aaaaaa; height: 21px;}
            input[type="text"]:focus{background: #ffc;}
            input[type="password"]{border: 1px solid #aaaaaa; height: 21px;}
            input[type="password"]:focus{background: #ffc;}
        </style>

        <link rel="stylesheet" type="text/css" href="css/style.css" />

        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script>
        <script type="text/javascript" src="js/tablesorter.js"></script>
        <script type="text/javascript" src="js/tablesorter_filter.js"></script>

    </head>
    <body>
        <div id="bgTop">

            <div id="core">

                <div id="bgBottom">

                    <div id="header">

                        <div id="logo">
                            <a href="./dashboard.html"><img src="./img/ws_logo.png" alt="WebStarter Dashboard" /></a>
                        </div>

                        <div id="controls">
                            <img src="./img/ws_icon_user.png" alt="User" /> Logged in: <strong>${sessionScope.name}</strong>
                        </div>

                        <div id="logOff">
                            <a href="logoffHr.do"><img src="./img/ws_logoff.png" alt="Log off" /></a>
                        </div>

                    </div><!-- END OF #header -->

                    <div id="menu">

                        <ul id="menuUl" class="sf-menu">
                            <li><span class="folder"><img src="./img/house.png" align="left" style="padding-right: 4px;" alt="Dashboard" /><a href="./viewer.jsp">Home</a></span></li>
                        </ul>
                    </div><!-- END OF #menu -->

                    <div id="content">
                        <h2 align="center" style="color:#005CA2;">Interviewer Page</h2>

                        <div class="dataGrid">

                            <div class="dataGridControl">
                                <div class="dataGridControlButtons">
                                    <br>
                                    <img src="./img/add.png" alt="New"  style="display: none"/> <a href="applicant_insert.jsp" id="create-new" style="display: none;">New record</a> <span>
                                        <form action="viewer_filterItv.do" method="post">
                                            &nbsp;&nbsp; Interview:
                                            <select name="cbxStatus">
                                                <option value="Apply">Apply</option>
                                                <option value="Scheduled">Scheduled</option>
                                                <option value="Selected">Selected</option>
                                                <option value="Rejected">Rejected</option>
                                                <option value="Not required">Not required</option>
                                            </select>
                                            <input type="submit" value="View"/>
                                        </form>
                                    </span>
                                </div>

                                <div class="dataGridPages">
                                    <div align="right">
                                        <br/>
                                    </div>
                                    <form action="viewer_searchItv.do" method="post">
                                        Keywords: <input type="text" name="txtSearch" style="width: 180px;">
                                        by:
                                        <select name="cbxSearch">
                                            <option value="vacancy">Vacancy name</option>
                                            <option value="applicant">Applicant name</option>
                                        </select>
                                        <input type="submit" value="Search"/>
                                    </form>

                                </div>

                                <div class="clear"></div>
                            </div>

                            <table id="tbEmp">
                                <thead>
                                    <tr>
                                        <th>Applicant name</th>
                                        <th>Vacancy name</th>
                                        <th>Attached date</th>
                                        <th>Status</th>
                                        <th>&nbsp;</th>
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <c:forEach var="e" items="${emp}">

                                        <tr class="highlight" style="border: 1px solid #aaaaaa;">
                                            <td><a href="viewApp.do?aid=${e.applicantid}">${e.applicantName}</a></td>
                                            <td><a href="viewVac.do?vid=${e.vacancyid}">${e.vacancyTitle}</a></td>
                                            <td>${e.attachedDate}</td>
                                            <td>${e.status}</td>
                                            <td>
                                                <a href="viewer_createItv.do?aid=${e.applicantid}&vid=${e.vacancyid}&did=${e.departmentid}"><img src="./img/accept.png" alt="Edit" />edit schedule</a></td>
                                            <td><a href="viewer_viewItv.do?aid=${e.applicantid}&vid=${e.vacancyid}"><img src="./img/application_view_columns.png" alt="Edit" />view details</a>
                                            </td>
                                        </tr>
                                    </c:forEach>

                                </tbody>

                            </table>

                            <div id="pager" class="pager" align="center" style="color:#005CA2;font-weight:bolder;font-size:13px; margin-top: 20px;">
                                <form>
                                    Page:
                                    <input type="button" value="" class="first" style="background-image: url(./img/resultset_first.png); background-color: white; width: 20px;"/>
                                    <input type="button" value="" class="prev" style="background-image: url(./img/resultset_previous.png); background-color: white; width: 20px;"/>
                                    <input type="text" class="pagedisplay" readonly="true" style="width: 30px; height: 17px;"/>
                                    <input type="button" value="" class="next" style="background-image: url(./img/resultset_next.png); background-color: white; width: 20px;"/>
                                    <input type="button" value="" class="last" style="background-image: url(./img/resultset_last.png); background-color: white; width: 20px;"/>
                                    Items per page:
                                    <select class="pagesize">
                                        <option value="5">5</option>
                                        <option value="10" selected="selected">10</option>
                                    </select>
                                </form>
                            </div>

                            <div class="dataGridControl">

                                <div class="dataGridPages" style="display: none;">
                                    Page: <img src="./img/resultset_first.png" alt="First" /> <img src="./img/resultset_previous.png" alt="Previous" /> <select name="pageBottom"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select> <img src="./img/resultset_next.png" alt="Next" /> <img src="./img/resultset_last.png" alt="Last" />&nbsp; Items per page: <select name="perPageBottom"><option value="25">25</option><option value="50">50</option><option value="100">100</option></select>
                                </div>

                                <div class="clear"></div>
                            </div>

                        </div>

                    </div><!-- END OF #content -->


                    <div id="footer">
                        <strong>Recruitment Content Management System</strong> - 2011 &copy; worldup.com
                    </div>

                </div><!-- END OF #bgBottom -->

            </div><!-- END OF #core -->

        </div><!-- END OF #bgTop -->


    </body>
</html>
